<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>应届毕业生简历</title>
    <link rel="icon" href="your-icon-url.png">

    <style>
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 20px;
            background-color: #f8f8f8;
        }

        main {
            display: flex;
            justify-content: space-between;
            margin: 20px 0;
        }

        .left-section {
            width: 60%;
            padding-right: 20px;
        }

        .right-section {
            width: 35%;
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        header, footer {
            text-align: center;
            margin-bottom: 20px;
        }

        header h1 {
            color: #4CAF50;
        }

        .profile-img {
            max-width: 50%;
            border-radius: 25%;
            margin-bottom: 10px;
        }

        .qr-code {
            max-width: 100%;
            margin-top: 20px;
        }

        .contact-info {
            margin-bottom: 20px;
        }

        .education, .experience {
            margin-bottom: 30px;
        }

        h2 {
            color: #4CAF50;
            border-bottom: 2px solid #4CAF50;
            padding-bottom: 5px;
            margin-bottom: 15px;
        }

        ul {
            list-style-type: none;
            padding: 0;
        }

        li {
            margin-bottom: 15px;
        }
        .javascript{
            height: 20px;
            font-weight: 50px;
        }
        
              
    </style>
</head>
<body>
    <header>
        <h1>安鸿洋</h1>
        <p>应届毕业生/广州</p >
    </header>

    <main>
        <section class="left-section">
            <h2>基本信息</h2>
            
            <li ><a href="javascript:;"><img src="img/an.jpg"></li></a></li>
            <div class="contact-info">
                <p>Email: 2575908346@qq.com</p >
                <p>电话: +86 15645327719</p >
                <p>个人网站：ahy6666666.com</p >
            </div>

            <h2>教育背景</h2>
            <ul>
                <li><strong>本科</strong> - 广州南方学院.2021.7-2025.6</li>
                <li><strong>中学</strong> - 第三中学，2019-2021</li>
            </ul>

            <h2>技能</h2>
            <ul>
                <li>html</li>
                <li>python</li>
                <li>api</li>
            </ul>
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]网易公司</span>
                            <time>2020.6 至 2021.5</time>
                        </h3>
                        <ul class="info-content">
                            <li>深度参与地带一路项目迭代HTML的前端开发工作，独立承担并完成二维码等功能点的开发，主要维护并修复二维码等功能点bug若干。项目采用技术栈
                                <mark>React+React Router+Node.js+SASS</mark>，实现
                                <mark>前后端完全分离</mark>。</li>
                            <li>配合UI和后端，根据产品需求提供H5页面嵌入到后台模板，要求
                                <mark>移动端显示正常</mark>。</li>
                            <li>主要参与游戏的静态页面开发工作，要求
                                <mark>在支付宝，微信支付环境下完全兼容</mark>。</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]qq音乐</span>
                            <time>2021.10-2023.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>深度参与公司主线产品「原身」的前端开发工作，完成帖子快捷回复、
                                <mark></mark>、活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。
                                <a href="http://itsay.tech/162/" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                            <li>主要参与公司产品的前端开发工作，实现接入微博、微信、QQ等
                                <mark>第三方账号登录</mark>等功能。项目采用技术栈WordPress+NAMP。</li>
                            <li></li>
                            <li>论坛
                                <mark>图片增量备份</mark>（CentOS+vsftpd+crontab）
                                <a href="#" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                        </ul>
                    </li>
                </ul>
            </section>
        </section>

        <section class="right-section">
            <li ><a href="javascript:;"><img src="img/R-C.png"></li></a></li>
            <p>扫描二维码联系我</p >
        </section>
    </main>

    <footer>
        <p>&copy; 2024 安鸿洋. 简历</p >
    </footer>
</body>
</html>
